@import './dark';
@import './element-plus';
@import './layout';
@import './transition';

/* 自定义全局 CssVar */
:root {
  /* 左侧菜单展开、收起动画时长 */
  --easy-transition-duration: 0.6s;
  --easy-border-radius: 6px;

  /* switch关闭状态下的color 需要时可取用 */
  --easy-switch-off-color: #a6a6a6;

  /* 菜单字体颜色 */
  --easy-menu-text-color: #5f5f5f;

  /* 常用border-color 需要时可取用 */
  --easy-border-color: rgb(5 5 5 / 10%);

  /* 常用svg-color 需要时可取用 */
  --easy-svg-color: #e5e8eb;

  /* icon图标hover 背景色 */
  --easy-tool-color: #e5e8eb;

  /* 被激活的tag背景色颜色 */
  --easy-bg-active-color: #e5f2ff;

  /* 被激活的tag背景色颜色 hover */
  --easy-bg-active-color-hover: #e7e7e7;

  /* tag字体颜色 */
  --easy-text-color: #4e4e4e;

  /* tag字体颜色 hoverhover */
  --easy-text-color-hover: #1f1f1f;
}

.easy-scrollbar {
  height: 100%;
  overflow: hidden auto;

  &::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }

  &::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }

  &:hover::-webkit-scrollbar-thumb {
    background: rgb(0 0 0 / 10%);
  }
}

/* 灰色模式 */
.html-grey {
  filter: grayscale(100%);
}

/* 色弱模式 */
.html-weakness {
  filter: invert(80%);
}
